<script>
	// #ifdef H5
	var script = document.createElement('script');
	script.src = "https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js";
	document.body.appendChild(script);
	// #endif


	// #ifdef APP-PLUS
	import APPUpdate from '@/node_modules/zhouWei-APPUpdate/js_sdk/appUpdate.js';

	// #endif
	export default {
		onLaunch: function() {
			// console.log('App Launch')
			// #ifdef APP-PLUS
			APPUpdate();
			// #endif
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
			this.$music.playBgm({
				mute: true
			});
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
	@import "/utils/animate.css";

	body,
	page view {
		box-sizing: border-box;
		flex-shrink: 0;
	}

	// #ifdef APP-PLUS
	@font-face {
		font-family: "fm1";
		src: url("./static/public/woff.TTF");
		font-display: swap;
	}

	// #endif

	// #ifdef H5
	@font-face {
		font-family: "fm1";
		src: url("http://image.qxgm.site/tdz/img/public/woff.TTF");
		font-display: swap;
	}

	// #endif

	page {
		max-width: 480px;
		font-size: 14px;
		font-family: "fm1";
	}

	image {
		height: auto;
	}

	button {
		border: none !important;
		margin: 0;
		background-color: transparent !important;
	}



	.button {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.button:active {
		transform: translateY(1px);
	}

	.grey {
		filter: grayscale(1);
	}


	// 公用弹窗
	.warp {
		width: 92%;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.warp2 {
		width: 100%;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.m_title {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0px;

		image {
			width: 19%;
		}

		text {
			font-size: 20px;
			font-weight: normal;
			color: #50463E;
			line-height: 24px;
			margin: 0 13px;
		}
	}

	.mask_content2 {
		margin: -2px 0;
	}

	.dianjireny {
		font-size: 14px;
		font-weight: normal;
		color: #F1E0C8;
		line-height: 24px;
		margin-top: 5px;
		text-align: center;
	}

	.m_close {
		position: absolute;
		top: 42px;
		right: 8px;
		width: 32px;
	}

	.mask1 {
		display: block;
		margin: 0 auto -1px;
		width: 100%;
	}

	.mask3 {
		display: block;
		margin: -1px auto 0;
		width: 100%;
	}

	.m_info {
		display: block;
		margin: 0 auto;
		width: 100%;
		background: url(http://image.qxgm.site/tdz/img/public/mask2.png);
		background-size: 100% auto;
		padding: 10px 0;
		min-height: 240px;
	}

	.m_info2 {
		display: block;
		margin: 0 auto;
		width: 100%;
		background: url(http://image.qxgm.site/tdz/img/public/mg-17.png);
		background-size: 100% auto;
		padding: 10px 0;
		min-height: 140px;
	}


	::v-deep .uni-system-preview-image {
		z-index: 10071;
	}

	::v-deep uni-tabbar .uni-tabbar__icon {
		margin-top: 0px;
	}

	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}

	// 数据为空
	.empty {
		width: 100%;
		padding: 5vh 10px 10px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;

		image {
			width: 40%;
		}

		text {
			color: rgba($color: #fff, $alpha: 0.8);
			font-weight: 600;
		}
	}


	//循环生成常用属性 使用方法： class="margin_1" ==> marign: 1px;
	@for $var from 1 through 100 {
		.font_size_#{$var} {
			font-size: #{$var}px;
		}

		.mar#{$var} {
			margin: #{$var}px;
		}

		.mart#{$var} {
			margin-top: #{$var}px;
		}

		.marb#{$var} {
			margin-bottom: #{$var}px;
		}

		.marl#{$var} {
			margin-left: #{$var}px;
		}

		.marr#{$var} {
			margin-right: #{$var}px;
		}

		.padding#{$var} {
			padding: #{$var}px;
		}
	}

	.more {
		text-align: center;
		margin-top: 15px;
	}

	.empty {
		text-align: center;
	}


	.videoPop {
		position: relative;
		width: 100%;
		height: 100vh;
		top: 50%;
		text-align: center;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.potime {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 999;
	}

	.videocss {
		width: 100%;
		height: 100%;
	}
</style>